<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Description" content="{$sys.description}" />
<meta name="keywords" content="{$sys.keyword}" />
<link rel="stylesheet" type="text/css" href="/Public/Home/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/Public/Home/css/bootstrap-responsive.min.css">
<link rel="stylesheet" type="text/css" href="/Public/Home/css/styles.css">
<link rel="stylesheet" type="text/css" href="/Public/Home/css/public.css">
<link rel="stylesheet" type="text/css" href="/Public/Home/css/jquery-ui.css">
<include file="./Tpl/Home/header.html" />
<!--未登录前首页-->
<div class="not-loginbar">
     <if condition="$login_user_id gt 0 ">
	 <!--已登录栏-->
	 <div class="loginbar-all">
         <div class="loginbar logined">
		     <div class="login-box"><span>{$login_user_name}，欢迎您！</span></div>
			 <div class="login-box"><i class="zh-icon"></i><a href="{$path}/User/">账户信息</a></div>
			 <div class="login-box"><i class="cw-icon"></i><a href="{$path}/User/detail">财务明细</a></div>
			 <div class="login-box"><i class="cz-icon"></i><a href="{$path}/User/chongzhi">充值</a></div>
			 <button onclick="javascript:location.href='{$path}/Hall'" style="background: #ef7c1a;border-radius: 2px;width: 232px;height: 42px;line-height: 42px;color: #fff;font-size: 16px;cursor: pointer;text-shadow: 0 1px 2px #e27316;padding:0px;border:0px none;">进入交易大厅</button>
         </div>
	 </div>
	 <else/>
     <!--未登录栏-->
     <div class="loginbar-all">
		 <form class="frontend form-horizontal" id="login-form" action="{$path}/Login/go" method="post">
			 <div class="loginbar" id="loginbar">
				 <div class="login-box icon_user">
					 <div class="control-group">
						 <label class="control-label required">登录名 <span class="required">*</span></label>
						 <div class="controls">
							 <input placeholder="手机/邮箱/用户名" name="username" id="LoginForm_login" type="text">
						 </div>
					 </div>
				 </div>
				 <div class="login-box icon_password">
					 <div class="control-group ">
						 <label class="control-label required">登陆密码 <span class="required">*</span></label>
						 <div class="controls">
							 <input placeholder="登陆密码" name="password" id="LoginForm_password" type="password">
						 </div>
					 </div>
				 </div>
				 <div class="login-code">
					 <input type="text" name="code" placeholder="请输入验证码" style="width:118px;height:20px;">
					 <img id="refresh" onclick="document.getElementById('refresh').src='{$path}/Login/checkcode/t/'+Math.random()" src="{$path}/Login/checkcode/" style="margin-left:5px;"/>
				 </div>
				 <div class="btn_button240"><button type="submit" name="yt1">登 录</button></div>
				 <p><a href="{$path}/Login/lostpwd" class="f_aaa">忘记密码？</a>&nbsp;&nbsp;<a href="{$path}/Login/reg/" class="f-ff9900 f-w">会员注册</a></p>
			 </div>
         </form>
         <div class="loginbar-bg" id="loginbar-bg"></div>
     </div>
	 </if>
     <!--轮播图片-->

     <div class="slideBox">
		  <div class="hd"><ul><volist name="ad" id="vo" key="k"><li>{$k}</li></volist></ul></div>
           <div class="bd">
                <ul>
				    <volist name="ad" id="vo">
                    <li><img src="/{$vo.img}"/></li>
					</volist>
                </ul>
           </div>
     </div>
</div>
<style type="text/css">
.slideBox{ width:100%; height:315px; overflow:hidden; position:relative;    } 
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:10px; z-index:1; } 
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  } 
.slideBox .hd ul li{ border-radius:15px; width:12px; height:12px; background:#fff; opacity:0.3;filter:alpha(opacity=30); text-indent:-1000em; float:left; margin-right:10px; cursor:pointer; font-size:0;} 
.slideBox .hd ul li.on{opacity:1;filter:alpha(opacity=100)} 
.slideBox .bd{ position:relative; height:100%; z-index:0;   } 
.slideBox .bd img{ width:100%; height:315px; } 
</style>


<!--内容区-->
<div class="container" id="page">
    <div class=" o_h_z mt10" id="realtime">
    </div>
	  
	  
</div>
<div class="container">
    <div class=" o_h_z mt10">
      <!--左边栏-->
      <div class="part-l">
         <div class="answer">
              <div class="it-box">
                    <div class="itimg answer-safe"></div>
                    <div class="ittext">
                          <h1>安全高效</h1>
                          <p>银行级系统SSL安全连接，短信身份验证机制以及分布式离线钱包备份机制<br>
        骨灰级机房设备，实时高效处理数据</p>
                    </div>
              </div>
              <div class="it-box">
                    <div class="itimg answer-service"></div>
                    <div class="ittext">
                          <h1>专业服务</h1>
                          <p>团队拥有多年互联网金融项目经验多位资深金融顾问和法律顾问<br>7*24小时客服专业服务</p>
                    </div>
              </div>
              <div class="it-box">
                    <div class="itimg answer-easy"></div>
                    <div class="ittext">
                          <h1>方便易用</h1>
                          <p>重视用户体验，界面友好，方便易用专业UI和数据分析，持续更新设计更专业易用的网站</p>
                    </div>
              </div>
              <div class="it-box">
                    <div class="itimg answer-fee"></div>
                    <div class="ittext">
                          <h1>低费率</h1>
                          <p>交易平台费率低于其他网站平均水平</p>
                    </div>
              </div>
         </div>
      </div>
      <!--右边栏-->
      <div class="part-r">
	       <div class="trade-part-hd" style="background:#eee;padding:10px;">
				 <div class="trade-hd">
					   <h6><i class="icon_entrus"></i>买卖委托盘</h6>
				 </div>
				 <div class="md">
					 <table width="100%">
					    <thead>
						    <tr>
							   <th>类型</th>
							   <th>价格<font face="微软雅黑">(￥)</font></th>
							   <th>数量(฿)</th>
						    </tr>
						</thead>
						<tbody id="selllist">
						<volist name="sells" id="vo" key="k">
						<tr class="trade-tr{$k}">
							<td class="sell">卖</td>
							<td><span class="sub_price">{$vo.price}</span></td>
							<td><span class="sub_amount">{$vo.nums}</span></td>
							<td><span style="width:2.667px" class="buySpan"></span></td>
						</tr>
						</volist>
						</tbody>


						<tfoot id="buylist">
						<volist name="buys" id="vo" key="k">
						<tr class="trade-tr{$k}">
							<td class="buy">买</td>
							<td><span class="sub_price">{$vo.price}</span></td>
							<td><span class="sub_amount">{$vo.nums}</span></td>
							<td><span style="width:2.667px" class="sellSpan"></span></td>
						</tr>
						</volist>
						</tfoot>

							  
					 </table> 
				 </div>
		 </div>
         <!--网站公告-->
         <div class="information-r mt16">
               <h6>网站公告</h6>
               <ul>
                   <volist name="news" id="vo" empty="没有找到数据">
                   <li><a href="{$path}/Art/index/id/{$vo.id}">{$vo.title}</a></li>
				   </volist>
               </ul>
         </div>
      </div>
    </div>
</div>
<!--交易流程-->
<div class="trade-process">
    <div class="qun">
	<volist name="qun" id="vo">
	<span>{$vo.name}<a href="{$vo.url}" target="_blank">{$vo.text}</a></span>
	</volist>
	<div style="clear:both"></div>
	</div>
</div>
<!--尾部-->
<include file="./Tpl/Home/footer.html" />
<!-- footer -->
</body>
</html>
<script type="text/javascript" src="/Public/js/jquery.js"></script>
<script type="text/javascript" src="/Public/js/jQuery.blockUI.js"></script>
<script type="text/javascript" src="/Public/js/jquery.SuperSlide.js"></script>

<script type="text/javascript">
jQuery(".slideBox").slide( { mainCell:".bd ul",autoPlay:true} );
</script>
<script language="javascript">
$(document).ready(function(){
  $('#realtime').load('/?s=Home/Index/chart/line/60/id/{$id|default=0}/goods/{$goods}/coin/{$coin}');
  var sc = null;
  clearInterval(sc);
  var line = 60;
  var goods = "{$goods}";
  var coin = "{$coin}";
  sc = setInterval(function(){
	  $('#realtime').load('/?s=Home/Index/chart/line/'+line+'/id/{$id|default=0}/goods/'+goods+'/coin/'+coin);
  },360000);
});
</script>